<ng-container *ngFor="let item of nzTreeNode">
  <li>
    <div class="item">
      <i class="mr" [ngClass]="{'fold': item?.hasChildren && !item?.isFold, 'unfold': item?.hasChildren && item?.isFold}" appDebounceClick (debounceClick)="onFold(item)"></i>
      <div class="box" appDebounceClick (debounceClick)="onChecked(item)">
        <p class="name"><span class="text">{{ item?.name }}</span><span class="tag" *ngIf="item?.affiliation">{{ item.affiliation }}</span></p>
        <p class="leader" *ngIf="item?.leader">{{ item.leader }}</p>
      </div>
      <i [ngClass]="{'uncheck': item?.code !== value?.code, 'checked': item?.code === value?.code}" class="uncheck" appDebounceClick (debounceClick)="onChecked(item)"></i>
    </div>
    
    <div class="line"></div>
    <ul class="tree-child-tree" *ngIf="item?.isFold && chilidrenObj[item.code]?.length > 0">
      <app-tree-node [nzTreeNode]="chilidrenObj[item.code]" [value]="value" (clickValue)="onValue($event)" [httpData]="httpData"></app-tree-node>
    </ul>
  </li>
</ng-container>
